html {
  font-size: 64px; }

.web_login_not {
  position: absolute;
  top: 1.40625rem;
  bottom: 1.48438rem;
  transform: translateY(-100%);
  transition: all .3s linear;
  width: 100%;
  background: #222;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 200; }
  .web_login_not .nav {
    width: 9.54688rem;
    height: 1.32813rem;
    margin: 0 auto;
    border-bottom: 0.01563rem solid #484848;
    padding-bottom: 0.25rem;
    position: relative;
    margin-bottom: 1.01563rem; }
  .web_login_not .close_wrap {
    width: 0.78125rem;
    height: 0.78125rem;
    position: absolute;
    top: 0.25rem;
    left: 0; }
    .web_login_not .close_wrap img {
      width: 100%; }
  .web_login_not .login_content {
    width: 2.03125rem;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.96875rem; }
    .web_login_not .login_content .head_portrait_wrap {
      width: 2.03125rem;
      margin-bottom: 0.34375rem; }
      .web_login_not .login_content .head_portrait_wrap img {
        width: 100%; }
    .web_login_not .login_content .login_now {
      font-size: 14px;
      color: #fff;
      margin-bottom: 0.15625rem; }
    .web_login_not .login_content .forget_pwd {
      font-size: 12px;
      color: #474747;
      position: relative; }
      .web_login_not .login_content .forget_pwd::after {
        content: "";
        position: absolute;
        left: 15%;
        display: block;
        height: 0.01563rem;
        transform-origin: center;
        background: #474747;
        width: 72%; }
  .web_login_not .segment_line_t {
    height: 0.375rem;
    width: 100%;
    background: #303030; }
  .web_login_not .list_wrap .list_content {
    width: 8.98438rem;
    margin: 0 auto; }
  .web_login_not .list_wrap li {
    font-size: 14px;
    border-bottom: 0.01563rem solid #2d2d2d; }
    .web_login_not .list_wrap li p {
      line-height: 1.375rem;
      color: #fff;
      border-bottom: 0.01563rem solid #2d2d2d; }
    .web_login_not .list_wrap li span {
      float: right;
      margin-right: 0.125rem;
      transition: all .4s; }
      .web_login_not .list_wrap li span::after {
        content: "";
        clear: both;
        display: block; }
    .web_login_not .list_wrap li .sec_menu_details {
      text-align: center;
      font-size: 14px;
      color: #fff;
      width: 6.71875rem;
      margin: 0 auto;
      display: none;
      overflow: hidden; }
      .web_login_not .list_wrap li .sec_menu_details > li {
        line-height: 1.375rem; }
        .web_login_not .list_wrap li .sec_menu_details > li:last-of-type {
          border-bottom: none; }

.sec_menu_open {
  transform: rotate(90deg); }

.login_dis {
  transform: translateY(0); }

.login_dis_off {
  opacity: 0;
  transform: translateY(-100%); }
